<template>
  <div class="user">
    <div class="user-img"><img :src="avatar?avatar:require('@/assets/app_header/tx.png')"/></div>
  </div>
</template>

<script>
export default {
  name: "Avatar",
  props:{
    avatar:{
      type:String,
      default:''
    }
  },
  data() {
    return {
      comment: ''
    }
  },
}
</script>

<style  scoped>
.user{
  height: 50px;
  width: 50px;
}
.user-img img{
  height: 45px;
  width: 45px;
  border-radius:50%;
}

</style>
